<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>我的订单</title>
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/index.css" />
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="js/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
</head>
<body>
	<!-- 我的订单 -->
	<div class="order">
		<div class="order_nr">
			<div class="statistics">
				<div class="account_title">
					<p></p>
					<span>查看数据接口</span>
				</div>

				<div class="statistics_nr" style="min-height: 400px;">
					<table class="statistics_table">
						<thead>
							<tr>
								<th>产品名称</th>
								<th>地区范围</th>
								<th>接口文档</th>
								<th>接口秘钥</th>
								<th>剩余时长</th>
								<th>使用次数</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>12小时逐小时预报</td>
								<td>重庆/四川/贵州/云南</td>
								<td><a href="javascript:;" hsrc="index_file.html" class="see_file">查看文档</a></td>
								<td><a href="javascript:;" class="see_key">查看秘钥</a></td>
								<td>65天17小时</td>
								<td>15415</td>
							</tr>
							<tr>
								<td>24小时逐小时预报</td>
								<td>重庆/四川/贵州/云南</td>
								<td><a href="javascript:;" hsrc="index_file.html" class="see_file">查看文档</a></td>
								<td><a href="javascript:;" class="see_key">查看秘钥</a></td>
								<td>65天17小时</td>
								<td>15415</td>
							</tr>
							<tr>
								<td>36小时逐小时预报</td>
								<td>重庆/四川/贵州/云南</td>
								<td><a href="javascript:;" hsrc="index_file.html" class="see_file">查看文档</a></td>
								<td><a href="javascript:;" class="see_key">查看秘钥</a></td>
								<td>65天17小时</td>
								<td>15415</td>
							</tr>
							<tr>
								<td>72小时逐小时预报</td>
								<td>重庆/四川/贵州/云南</td>
								<td><a href="javascript:;" hsrc="index_file.html" class="see_file">查看文档</a></td>
								<td><a href="javascript:;" class="see_key">查看秘钥</a></td>
								<td>65天17小时</td>
								<td>15415</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		</div>
	</div>
	
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/layui/layui.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript">
	$(function(){
		// 调用父页面事件
		$('.see_file').click(function(){
			var Hsrc = $(this).attr('hsrc');
			window.parent.data_hrcf(Hsrc);
		});

		// 登录弹窗
        $('.see_key').click(function(){
			parent.layer.open({
				type: 2,
				title: '',

				shadeClose: true,
				shade: 0.8,
				area: ['400px', '280px'],
				content: 'order_interface_key.html' //iframe的url
			}); 
        });
	})


	/*引用layui*/
	layui.use(['form', 'layedit', 'laydate','element','layer'], function(){
      var form = layui.form
      ,layer = layui.layer
      ,layedit = layui.layedit
      ,laydate = layui.laydate
      ,$ = layui.jquery
      ,element = layui.element;
    })
</script>
</html>	